<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/index.css">
  <script src="./js/echarts.min.js"></script>
  <title>后台管理系统</title>
</head>
<body>
  <div class="container">
    
    <div class="leftMenu">
      <div class="userAvatar">
        <img src="http://localhost:8080/upload/getImgByPath/1685625402999.jpg" alt="用户头像">
        <p id="accountName"></p>
        <p>超级管理员</p>
      </div>
      <a href="./index.html" class="selectMenuItem active">
        主页
        <p class="dataCenterPage">数据中心</p>
      </a>
      <a  href="./html/tables.html" class="selectMenuItem">
        表格
        <p class="tablePage">订单内容</p>
      </a>
      <a href="./html/destination.html" class="selectMenuItem">
        地图
        <p class="mapPage">工作室位置</p>
      </a>
    </div>

    <div class="rightContent">
      <div class="navBanner">
        <h2>欢迎进入后台管理系统</h2>
        <p id="outLogin">退出</p>
      </div>

      <div class="chartContent">
        <div class="chartMessage">
          <div class="chartMessageTitle">
            <h2>Hellow,User！</h2>
          </div>
          <div class="chartMessageContent">
            <p>您有24条消息未处理！</p>
          </div>
          <div class="chartMessageDetail">
            <div class="chartMessageDetailItem">
              <div class="chartMessageDetailItemLeft">1</div>
              <div class="chartMessageDetailItemCenter">给Sherlock发消息</div>
              <div class="chartMessageDetailItemRight">17 : 00</div>
            </div>
            <div class="chartMessageDetailItem">
              <div class="chartMessageDetailItemLeft">2</div>
              <div class="chartMessageDetailItemCenter">新店开张仪式</div>
              <div class="chartMessageDetailItemRight">15 : 30</div>
            </div>
            <div class="chartMessageDetailItem">
              <div class="chartMessageDetailItemLeft">3</div>
              <div class="chartMessageDetailItemCenter">签订合同</div>
              <div class="chartMessageDetailItemRight">12 : 30</div>
            </div>
            <div class="chartMessageDetailItem">
              <div class="chartMessageDetailItemLeft">4</div>
              <div class="chartMessageDetailItemCenter">提交商议文案</div>
              <div class="chartMessageDetailItemRight">11 : 11</div>
            </div>
          </div>
        </div>
        <div class="showChart">
          <div class="showChartContent"></div>
          <div class="showChartDetail">
            <div class="showChartItem1">
              <p>10</p>
              <p>总浏览人数</p>
            </div>
            <div class="showChartItem2">
              <p>10</p>
              <p>成交人数</p>
            </div>
            <div class="showChartItem3">
              <p>10</p>
              <p>一周收入总览</p>
            </div>
          </div>
        </div>
        <div class="chartDetail">
          <div class="chartDetailContent"></div>
        </div>
      </div>

    </div>
  </div>

  <script src="./js/indexChart.js"></script>
</body>
</html>